import { ChartData } from './bean';

const data:ChartData[] = [
  {
    id: 1,
    title: "圆角山峰图",
    props: {
      type: "mount",
      opts: {
        color: ["#1890FF","#91CB74","#FAC858","#EE6666","#73C0DE","#3CA272","#FC8452","#9A60B4","#ea7ccc"],
        padding: [15,15,0,5],
        enableScroll: false,
        legend: {},
        xAxis: {
          disableGrid: true
        },
        yAxis: {
          data: [
            {
              min: 0
            }
          ]
        },
        extra: {
          mount: {
            type: "mount",
            widthRatio: 1.5
          }
        }
      },
      charData: {
        series: [
          {
            data: [{"name":"一班","value":82},{"name":"二班","value":63},{"name":"三班","value":86},{"name":"四班","value":65},{"name":"五班","value":79}]
          }
        ]
      }
    }
  },
  {
    id: 2,
    title: "尖角山峰图",
    props: {
      type: "mount",
      opts: {
        color: ["#1890FF","#91CB74","#FAC858","#EE6666","#73C0DE","#3CA272","#FC8452","#9A60B4","#ea7ccc"],
        padding: [15,15,0,5],
        enableScroll: false,
        legend: {},
        xAxis: {
          disableGrid: true
        },
        yAxis: {
          data: [
            {
              min: 0
            }
          ]
        },
        extra: {
          mount: {
            type: "sharp",
            widthRatio: 1.5
          }
        }
      },
      charData: {
        series: [
          {
            data: [{"name":"一班","value":82},{"name":"二班","value":63},{"name":"三班","value":86},{"name":"四班","value":65},{"name":"五班","value":79}]
          }
        ]
      }
    }
  },
  {
    id: 3,
    title: "三角山峰图",
    props: {
      type: "mount",
      opts: {
        color: ["#1890FF","#91CB74","#FAC858","#EE6666","#73C0DE","#3CA272","#FC8452","#9A60B4","#ea7ccc"],
        padding: [15,15,0,5],
        enableScroll: false,
        legend: {},
        xAxis: {
          disableGrid: true
        },
        yAxis: {
          data: [
            {
              min: 0
            }
          ]
        },
        extra: {
          mount: {
            type: "triangle",
            widthRatio: 1.5
          }
        }
      },
      charData: {
        series: [
          {
            data: [{"name":"一班","value":82},{"name":"二班","value":63},{"name":"三班","value":86},{"name":"四班","value":65},{"name":"五班","value":79}]
          }
        ]
      }
    }
  },
  {
    id: 4,
    title: "直角山峰图",
    props: {
      type: "mount",
      opts: {
        color: ["#1890FF","#91CB74","#FAC858","#EE6666","#73C0DE","#3CA272","#FC8452","#9A60B4","#ea7ccc"],
        padding: [15,15,0,5],
        enableScroll: false,
        legend: {},
        xAxis: {
          disableGrid: true
        },
        yAxis: {
          data: [
            {
              min: 0
            }
          ]
        },
        extra: {
          mount: {
            type: "bar",
            widthRatio: 0.8
          }
        }
      },
      charData: {
        series: [
          {
            data: [{"name":"一班","value":82},{"name":"二班","value":63},{"name":"三班","value":86},{"name":"四班","value":65},{"name":"五班","value":79}]
          }
        ]
      }
    }
  },
  {
    id: 5,
    title: "正负山峰图无边渐变色",
    props: {
      type: "mount",
      opts: {
        color: ["#1890FF","#91CB74","#FAC858","#EE6666","#73C0DE","#3CA272","#FC8452","#9A60B4","#ea7ccc"],
        padding: [15,15,0,5],
        enableScroll: false,
        legend: {},
        xAxis: {
          disableGrid: true
        },
        yAxis: {
          data: [
            {
              min: -100,
              max: 100
            }
          ],
          splitNumber: 4
        },
        extra: {
          mount: {
            type: "mount",
            widthRatio: 1.5,
            borderWidth: 0,
            linearType: "custom"
          }
        }
      },
      charData: {
        series: [
          {
            data: [{"name":"一班","value":82},{"name":"二班","value":-63},{"name":"三班","value":86},{"name":"四班","value":-75},{"name":"五班","value":79}]
          }
        ]
      }
    }
  },
  {
    id: 6,
    title: "山峰图有边透明渐变+滚动条",
    props: {
      type: "mount",
      opts: {
        color: ["#1890FF","#91CB74","#FAC858","#EE6666","#73C0DE","#3CA272","#FC8452","#9A60B4","#ea7ccc"],
        padding: [15,15,0,5],
        enableScroll: true,
        legend: {},
        xAxis: {
          disableGrid: true,
          itemCount: 4,
          scrollShow: true
        },
        yAxis: {
          data: [
            {
              min: 0
            }
          ]
        },
        extra: {
          mount: {
            type: "sharp",
            widthRatio: 1.5,
            borderWidth: 2,
            linearType: "opacity",
            linearOpacity: 0.1
          }
        }
      },
      charData: {
        series: [
          {
            data: [{"name":"一班","value":82},{"name":"二班","value":63},{"name":"三班","value":86},{"name":"四班","value":65},{"name":"五班","value":79}]
          }
        ]
      }
    }
  }
  ,
  {
    id: 7,
    title: "山峰图有边渐变+标记线",
    props: {
      type: "mount",
      opts: {
        color: ["#1890FF","#91CB74","#FAC858","#EE6666","#73C0DE","#3CA272","#FC8452","#9A60B4","#ea7ccc"],
        padding: [15,40,0,15],
        enableScroll: false,
        enableMarkLine: true,
        legend: {},
        xAxis: {
          disableGrid: true
        },
        yAxis: {
          data: [
            {
              min: 0
            }
          ]
        },
        extra: {
          mount: {
            type: "triangle",
            widthRatio: 1,
            borderWidth: 2,
            linearType: "custom"
          },
          markLine: {
            type: "solid",
            dashLength: 4,
            data: [
              {
                value: 45,
                lineColor: "#DE4A42",
                showLabel: true,
                labelAlign: "right",
                labelOffsetX: 0,
                labelOffsetY: 0,
                labelText: "均值",
                labelFontColor: "#666666",
                labelBgColor: "#DFE8FF",
                labelBgOpacity: 0.8
              }
            ]
          }
        }
      },
      charData:  {
        series: [
          {
            data: [{"name":"一班","value":82},{"name":"二班","value":63},{"name":"三班","value":86},{"name":"四班","value":65},{"name":"五班","value":79}]
          }
        ]
      }
    }
  },
  {
    id: 8,
    title: "山峰图圆角渐变色柱状图",
    props: {
      type: "mount",
      opts: {
        color: ["#1890FF","#91CB74","#FAC858","#EE6666","#73C0DE","#3CA272","#FC8452","#9A60B4","#ea7ccc"],
        padding: [15,15,0,5],
        enableScroll: false,
        legend: {},
        xAxis: {
          disableGrid: true
        },
        yAxis: {
          data: [
            {
              min: 0
            }
          ]
        },
        extra: {
          mount: {
            type: "bar",
            widthRatio: 0.3,
            borderWidth: 0,
            barBorderRadius: [
              50,
              50,
              50,
              50
            ],
            linearType: "custom"
          }
        }
      },
      charData: {
        series: [
          {
            data: [{"name":"一班","value":82},{"name":"二班","value":63},{"name":"三班","value":86},{"name":"四班","value":65},{"name":"五班","value":79}]
          }
        ]
      }
    }
  }
]

export default  data;